<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='layui/layui.all.js'></script>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="res/push.js"></script>
	<link rel="shortcut icon" type="image/ico" href="https://www.sq688.com/favicon.ico">
	<meta name="applicable-device" content="pc">
	<meta name="mobile-agent" content="format=html5;url=download.html">
	<link rel="alternate" media="only screen and(max-width: 800px)" href="download.html">
	<title>网愈云音乐</title>
	<meta name="keywords" content="毛不易,不染,无损音乐下载,FLAC,WAV,APE,SQ688超高无损音乐">
	<link rel="stylesheet" type="text/css" href="res/main.css">
	<link rel="stylesheet" type="text/css" href="res/font-awesome.css">
</head>
<body>
<div id="header" class="header">
	<div class="warp">
		<div class="logo">
			<h1>网愈云音乐</h1>
		</div>
		<div class="users"><a href="member.html"><i class="fa fa-sign-in"></i>我的主页</a></div>
		<div class="users">
			<a href="login.html"><i class="fa fa-sign-in"></i> 登录</a> / 
			<a href="register.html"><i class="fa fa-registered"></i> 注册</a>/
		</div>
		<div class="clear"></div>
	</div>
</div>

<div class="download">
	<div class="dcenter">
		<a :href="'detail.html#'+list[0].singer">
			<img class="d_avt" :src="'/C91-S2-XM'+list[0].head"></a>
		<div style="position: relative; left: 20px; overflow: hidden;">
			<h2>
				{{list[0].name}} <span class="cb">{{list[0].type}}</span>
			</h2>
			<p>
				<a :href="'detail.html#'+list[0].singer" class="signame">{{list[0].singer}}</a>
			</p>
			<p>{{list[0].size}}</p>
			<p>{{list[0].intime}}</p>
		</div>

		<div class="url">
				<span class="down_title">{{list[0].singer}} - {{list[0].name}}
				({{list[0].size}}) {{list[0].type}} 无损音乐下载地址:</span><br>
			<p  ><span v-html="list[0].bofang_url"></span>	
			<div class="layui-btn-group" >
			  <!-- 添加收藏 -->
			  <button type="button" @click="but1()" class="layui-btn layui-btn-sm">
			    <i class="layui-icon" v-html="button1"></i><!-- v-html="but1" -->
			  </button>
			  <!-- 买歌 -->
			  <button type="button" class="layui-btn layui-btn-sm" @click="but2(list[0].money)">{{list[0].money}}
			    <i class="layui-icon">&#xe601;</i>
			  </button>
			  <!-- 分享 -->
			  <button type="button" @click="but3()" class="layui-btn layui-btn-sm">
			    <i class="layui-icon">&#xe641;</i>
			  </button>
			  <!-- 刷新 -->
			  <button type="button" @click="but4()" class="layui-btn layui-btn-sm">
			    <i class="layui-icon">&#xe669;</i>
			  </button>
			  <!-- 留言 -->
			  <button type="button"  class="layui-btn layui-btn-sm">{{listlytotal[0].cnt}}
			    <i class="layui-icon">&#xe63a;</i>
			  </button>
			</div>
			</p>
			
			
			
			<span class="downurl">{{list[0].down_url}}</span>

			<div class="ips">
				<input id="path" class="path" style="width: 350px;"
					   type="text" value="https://pan.baidu.com/s/18CFu079zudX2jzg9mtC4vw">
				<button id="openurl" data-clipboard-action="copy" data-clipboard-text="yisg">打开下载连接</button>
			</div>

			<span id="msg"></span>
			<div class="clear"></div>
			<span class="tips">温馨提示: 请直接点击打开下载链接,密码会自动复制</span>
			<div class="clear"></div>
		</div>
		
		
		<div class="url">
					<div class="head">
						<i class="leline"></i>网友评论
					</div>
					<form action="" id="ly">
					<div id="comment" class="comment">
						
						<div class="message">
							<textarea v-model="content" id="message" placeholder="请填写您的评论"></textarea>
							<input id="sid" type="hidden" value="3">
						</div>
						 <button type="button" @click="but6()" class="layui-btn layui-btn-sm">
			   			 <i class="layui-icon">&#xe642;</i>
			  </button>
					</div>
					</form>
					<div class="head">
						<i class="leline"></i>精彩评论
					</div>
					<template v-for="s in listly">
					<div class="comment-list" >
						<div class="items">
							<div class="i-left">
								<a href="member.html"><img  :src="s.head" class="avt2" ></a>
								<h3>{{s.nickname}}</h3>
							</div>
							<div class="i-right">
								<h4>发表于{{s.ly_time}}</h4>
								<div class="msg">{{s.content}}</div>
							</div>
						</div>
		
					</div>
					</template>
				
				</div>
	</div>
	<div class="list-warp" style="min-height: 340px;">
		<h1>
			<span>近期收录</span>
		</h1>
		<ul class="list">
			<li v-for="s in listzjsl">
				<a :href="'detail.html#'+s.name">
					<img :src="s.head.substring(1,s.head.length)">
					<h5>{{s.name}}</h5> <span><i class="fa fa-music"></i>
						 {{s.total}}</span> </a></li>

		</ul>
	</div>
</div>
<script type="text/javascript">
	var v=new Vue({
		el:".download",
		data:{
			list:[],
			listzjsl:[],
			button1:"&#xe68c;",
			content:"",
			listly:[],
			listlytotal:[],
		},
		created(){
			var search = location.search; // ?page=1;
			// repalce  split
			var items = search.split(new RegExp("="));
			var name= items[1];

			axios.get("detail.s?op=querydownload&name="+name+"&song="+location.hash.substring(1))
					.then(res=>{
						this.list=res.data;
						if(this.list.length==0){
							alert("哎呀··！！小妹找不到相关歌曲");
							location.href="index.html";
						}
					});
			axios.post("detail.s?op=querydownloadzxsl")
					.then(res=>{
						this.listzjsl=res.data;
					});
		 	axios.get("downloadbutton.s?op=querycnt&singername="+name+"&songname="+location.hash.substring(1)).then(res=>{
				if(res.data>=1){
					this.button1="&#xe68f;";
				}
			}); 
		 	axios.get("detail.s?op=queryly&singername="+name+"&songname="+location.hash.substring(1)).then(res=>{
				this.listly=res.data;
			}); 
			axios.get("detail.s?op=querylycnt&singername="+name+"&songname="+location.hash.substring(1)).then(res=>{
				this.listlytotal=res.data;
			}); 
		},
		methods:{
			but1(){
				var p=new URLSearchParams();
				p.append("singername",this.list[0].singer);
				p.append("songname",this.list[0].name);
				p.append("bofang_url",this.list[0].bofang_url)
				axios.post("downloadbutton.s?op=addcsinfo",p).then(res=>{
					if(res.data=="收藏成功"){
						this.button1="&#xe68f;";
					}else{
						alert(res.data);
					}
					
				});
			},
			but2:function(date){
				var data=date.substring(0,date.length-1);
				var p=new URLSearchParams();
				p.append("singername",this.list[0].singer);
				p.append("songname",this.list[0].name);
				p.append("money",data);
				axios.post("songspay.do?op=buysongs",p).then(res=>{
					if(res.data=="成功"){
					location.href = "http://www.wuzhaoqi.top:8080/C91-S2-XM/buyorder/confirm?money="+data;
					}else{
						alert(res.data);
					}
				});			
			},
			but3(){
				var p=new URLSearchParams();
				p.append("singername",this.list[0].singer);
				p.append("songname",this.list[0].name);
				p.append("format",this.list[0].type);
				p.append("heat",this.list[0].heat);
				p.append("download",this.list[0].down_url);
				axios.post("downloadbutton.s?op=addshare",p).then(res=>{
					alert(res.data);
				});
			},
			but4(){
				window.location.reload();
				//this.$route.go(0);
			},
			but6(){
				var p=new URLSearchParams();
				p.append("singername",this.list[0].singer);
				p.append("songname",this.list[0].name);
				p.append("content",this.content);
				axios.post("detail.s?op=addly",p).then(res=>{
					if(res.data=="留言成功！！！"){
						alert(res.data);
						window.location.reload();
					}else{
						alert(res.data);
					}
				});
			},
		}
	});


</script>

<div class="footer">
	<div class="warp">
		Copyright 2015-2018 SQ688.com 超高无损音乐<br>本站所有数据均系网友搜集自互联网后分享,本站服务器不存储任何音乐文件,也无意侵犯您的版权,如若任何人声称是任何音乐的版权所有人,请联系sqshangwu@gmail.com,本站会尽快删除,<br>郑重声明本站旨在无损音乐交流分享,不与任何淘宝店铺或机构合作参与任何形式的获利行为,敬请网友注意谨防受骗! <br> 桂ICP备13001859号-4
		<script type="text/javascript" src="res/z_stat.php"></script>
		<script src="res/core.php" charset="utf-8" type="text/javascript"></script>
		<a href="https://www.cnzz.com/stat/website.php?web_id=1277751974" target="_blank" title="站长统计">站长统计</a> <br> 本站唯一QQ群(892306409)欢迎各大音乐爱好者加入 <a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=40edf9935a8deb7a8eeb6e93853111156fb280203fb799c7d11471aea22304fb"> <img border="0" src="res/group.png" alt="超高无损音乐|SQ688" title="超高无损音乐|SQ688"></a>
	</div>
</div>

<!--页面脚本-->
<script type="text/javascript" src="res/vue.min.js"></script>
<script type="text/javascript" src="res/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="res/clipboard.js"></script>

</body>
</html>